<template>
    <fieldset>
        <legend>这是一个父组件</legend>
        <h1>这个是app的子组件</h1>
        <child :g="msg" @h="getmsg"></child>
        <bro></bro>
        <h1>子传父的信息{{val}}</h1>
    </fieldset>
</template>

<script>
import child from "./child.vue"
import bro from "./bro.vue"
export default {
    data(){
        return {
            msg:"好好学习",
            val:''
        }
    },
    methods:{
        getmsg(vals){
            console.log(vals)
            this.val = vals

        }
    },
    components: {
         child,       //这个child本来就是一个对象
         bro
    }
}

//引入子组件
//自我理解 template可以直接暴露出去 但是里面要是有其他组件就要在暴露一次定义 export default 里面可以写data methods等
</script>